<template>
    <div class="LiveList">
        <van-tabs v-model="active"
                  animated
                  swipeable
                  sticky
                  @change="handleLiveId"
        >
            <van-tab v-for="(item,index) in listList"
            :title="item"
            :key="index"
            >
                <LiveListConent :liveId="liveId"/>
            </van-tab>
        </van-tabs>
    </div>
</template>

<script>
    import LiveListConent from "../components/LiveListConent";
    export default {
        name: "LiveList",
        components: {LiveListConent},
        data(){
            return{
                active:0,
                listList:['流行穿搭','珠宝饰品','歌舞娱乐','生活美家','鲜花萌宠','美妆护肤'],
                liveId:123
            }
        },
        methods:{
            handleLiveId(id){
                console.log(id)
                this.liveId=id
            }
        }
    }
</script>

<style scoped>

</style>